<template>
	<div id="j-footer" class="j-footer">
		<div class="foot">
			<div class="container">
				<div class="index-foot-img col-md-4">
					<div class="jf-bottom">
						<img src="../../assets/logo-footer.jpg" alt="">
						<p>推进健康产业&#12288;提升生命质量</p>
					</div>
				</div>
				<div class="index-foot-info col-md-4">
					<div class="jf-bottom">
						<div class="foot-r1"><span>联系电话：021-3918-8888</span><span>400-675-5599</span></div>
						<div class="foot-r2"><span>传&#12288;&#12288;真：021-3918-9999</span></div>
						<div class="foot-r3"><span>公司地址：上海市新冠路99号中国干细胞集团上海大厦</span></div>
					</div>
				</div>
				<div class="index-foot-icon col-md-4">
					<div>
						<img src="../../assets/icon/22.jpg" alt=""><br>
						<div class="tc1">订阅号</div>
					</div>
					<div class="icon-tc1">
						<img src="../../assets/icon/33.jpg" alt=""><br>
						<div class="tc1">服务号</div>
					</div>
				</div>
				<div class="site_icp clearfix">
					<hr>
					© 2017 中国干细胞集团
					<a style="padding-left:10px;" href="##" target="_blank">沪ICP备10205208号-1</a>
					<a target="_blank" href="##"><img style="padding: 0 10px;" src="../../assets/icon/gaba.png" >沪公网安备 31011402001800号</a>
				</div>
			</div>
		</div>
	</div>
</template>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-footer{
		.foot{
			background-color: #2a2a2a;
			padding: 40px 0;
			text-align: center;
			.container{
				padding: 0;
			}
			.index-foot-img{
				text-align: left;
				padding: 0;
				margin-bottom: 10px;
				img{
					text-align: left;
				}
				p{
					color: #ffffff;
					margin: 15px 0 0 10px;
					font-size: 15px;
					font-weight: 600;
				}
			}
			.index-foot-info{
				margin-bottom: 10px;
				div{
					text-align: left;
					margin-top: 5px;
					span{
						border-left: 0 solid #fff;
						color: #fff;
						font-size: 14px;
						display: inline-block;
					}
				}
				.foot-r1 span:last-child{
					padding-left: 20px;
				}
			}
			.index-foot-icon{
				margin-bottom: 10px;
				padding-right: 0;
				text-align: right;
				div{
					display: inline-block;
					padding: 0;
					text-align: center;
					.tc1{
						font-size: 14px;
						color: #fff;
						line-height: 25px;
					}
				}
				.icon-tc1{
					margin-left: 50px;
				}
			}
			.site_icp{
				clear: both;
				padding-top: 15px;
				color: #747474;
				font-size: 14px;
				line-height: 35px;
				hr {
					margin:0 auto 10px 0;
					border-color: #5d5d5d;
				}
				a{
					color: #747474;
					font-size: 14px;
					margin-top: 5px;
					display: inline-block;
				}
			}
			.index-foot-img, .index-foot-info, .index-foot-icon{
				position: relative;
				min-height: 127px;
				.jf-bottom{
					position: absolute;
					bottom: 23px;
				}
			}
		}
	}
	@media (max-width: 991px){
		.index-foot-icon{
			text-align: left!important;;
		}
	}
</style>
